Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.10.2014, 10:40
Интересующийся
Отправить личное сообщение для smoln Посмотреть профиль Найти все сообщения от smoln
 
Регистрация: 17.12.2011
Сообщений: 14

Выбор Select и загрузка через ajax
Всем привет, не могу понять почему не работает вот этот скрипт.
<script type="text/javascript">
function itemSelect(){
        var page = $('select[name="item_id01"]').val();
                $.ajax({
                             type: "POST",
                             url: "ajax.php",
                             data: {page: page},
                             success: function(data) {
                                   $('#tht_02').html(data);
                             }
            });
};
</script>


<select  name=item_id01 id=item_id01 onchange=\"itemSelect();\"><option value=0>Выберите</option>";
<option value=1>Имя1</option>";
<option value=2>Имя2</option>";
</select>
<div id=tht_02></div>


В ajax.php соответсвенно он принимает этот запрос

<?php
if (isset($_POST['item_id01'])){	
			$item_id01 = (((int) $_POST['item_id01']) > 0) ? (int) $_POST['item_id01'] : 0;
		}
		else
		{
			$item_id01=0;
		}
print $item_id01;
?>

Но ничего не происходит, где может быть ошибка?
Ответить с цитированием
  #2 (permalink)  
Старый 30.10.2014, 11:00
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,279

Сообщение от smoln
select[name="item_id01"]
Зачем использовать такой селектор если есть ИД у элемента?
Ответить с цитированием
  #3 (permalink)  
Старый 30.10.2014, 11:03
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,279

Сообщение от smoln
Но ничего не происходит
Проверь простым ГЕТ-запросом, что вообще возвращает тот ajax.php...
Посмотри что получает скрипт (data)...
Посмотри консоль ошибок...
Ответить с цитированием
  #4 (permalink)  
Старый 30.10.2014, 11:07
Интересующийся
Отправить личное сообщение для smoln Посмотреть профиль Найти все сообщения от smoln
 
Регистрация: 17.12.2011
Сообщений: 14

<script type="text/javascript">
function itemSelect(){
            var page = $('#item_id01').val();

                $.ajax({
                             type: "POST",
                             url: "ajax.php",
                             data: {page: page},
                             success: function(data) {
                                   $('#tht_02').html(data);
                             }
            });
};
</script>
Ответить с цитированием
  #5 (permalink)  
Старый 30.10.2014, 11:20
Интересующийся
Отправить личное сообщение для smoln Посмотреть профиль Найти все сообщения от smoln
 
Регистрация: 17.12.2011
Сообщений: 14

Сообщение от ksa
Проверь простым ГЕТ-запросом, что вообще возвращает тот ajax.php...
Посмотри что получает скрипт (data)...
Посмотри консоль ошибок...
Я так понимаю что он вообще ничего не передает, как будто не срабатывает select, может ли быть это потому что селект не в тегах form
ошибок в лог файле нет
Ответить с цитированием
  #6 (permalink)  
Старый 30.10.2014, 11:32
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,279

Сообщение от smoln
как будто не срабатывает select
Так ты фигню какую-то там написал...

Сообщение от smoln
onchange=\"itemSelect();\"
Как это понимать?
Ответить с цитированием
  #7 (permalink)  
Старый 30.10.2014, 11:34
Интересующийся
Отправить личное сообщение для smoln Посмотреть профиль Найти все сообщения от smoln
 
Регистрация: 17.12.2011
Сообщений: 14

Сообщение от ksa
Так ты фигню какую-то там написал...
Сорри, там экранирование кавычек просто
onchange=itemSelect();
Ответить с цитированием
  #8 (permalink)  
Старый 30.10.2014, 11:38
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,279

Сообщение от smoln
onchange=itemSelect();
И это полная фигня...

Вот правильная запись

onchange="itemSelect();"

или
onchange='itemSelect();'
Ответить с цитированием
  #9 (permalink)  
Старый 30.10.2014, 11:46
Интересующийся
Отправить личное сообщение для smoln Посмотреть профиль Найти все сообщения от smoln
 
Регистрация: 17.12.2011
Сообщений: 14

да я понимаю
Сообщение от ksa
Вот правильная запись

onchange="itemSelect();"

или
onchange='itemSelect();'
да я понимаю, onchange="itemSelect();"
это в html показывает, но ничего не происходит
Ответить с цитированием
  #10 (permalink)  
Старый 30.10.2014, 11:56
Интересующийся
Отправить личное сообщение для smoln Посмотреть профиль Найти все сообщения от smoln
 
Регистрация: 17.12.2011
Сообщений: 14

Хотя нет, onchange срабатывает, может что то неправильно здесь?
var page = $('#item_id01').val();
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Select, optionl, и автоматический выбор Rorbi Элементы интерфейса 2 29.05.2014 15:38
Имитировать выбор в списке select cha0s jQuery 1 27.03.2014 19:43
Книги по Ajax BaVa Учебные материалы 18 18.08.2013 14:05
AJAX - заполнение select - неправильно работает в Mozilla 5.0 С.Тарасов AJAX и COMET 0 17.06.2009 00:58
загрузка файла по принципу ajax neadekvat Общие вопросы Javascript 2 12.05.2009 22:23